草庐IT

JavaScript HTML DOM 节点列表

全部标签

javascript - 对 Immutable.js 列表进行排序和分组

给定以下数据结构:varMyData=[{"id":1,"status":"live",dateCreated:"12:00:0001/02/2016"},{"id":2,"status":"draft",dateCreated:"13:00:0003/12/2015"},{"id":3,"status":"ready",dateCreated:"16:00:0004/09/2016"},{"id":4,"status":"ready",dateCreated:"10:00:0001/10/2016"},{"id":5,"status":"live",dateCreated:"09:0

javascript - 如何从循环内的函数返回对象列表

我正在尝试遍历View列表,并使用服务调用为每个View检索与该View关联的对象列表。每个View都被分配了最后一次调用函数的结果,而不是带有参数的函数调用的结果。服务层方法中的调试输出语句显示它正在获取正确的值。在循环更新View后添加对该方法的调用以使用该调用的结果。我在Angular2中有丰富的编程经验,以前从未遇到过这个问题,但我看不出我在做什么不同。似乎正在为view属性分配函数而不是函数结果。搜索问题表明这是一个关闭问题,但我无法找到任何传统解决方案来解决这个问题。这是我所拥有的:views.forEach((view:PeriodSummaryView)=>{view.

javascript - 没有 jQuery UI(或根本没有 jQuery?)的可排序/可拖动列表项

我一直在寻找一个Javascript插件,它可以提供与jQueryUISortable相同的基本功能。.Wich正在拖放项目以重新排序。在我的例子中,这些项目是标签。基本上,我不想使用jQueryUI,因为它很重,而且由于我不需要支持IE,所以我使用Zepto而不是jQuery。所以我不想为此加载jQuery和jQueryUI。话虽如此,我可以轻松地使用一个有效的jQuery插件并对其进行调整以使其与Zepto一起工作。我已经找了很长时间了,但似乎找不到任何东西。 最佳答案 虽然这不具备jQueryUISortable的全部功能,但

javascript - d3.js 中的图形方向和节点定位

多亏了这个早question,我在d3.js中使用强制布局生成了一个静态固定布局图,如下所示:我有两个具体问题来进一步自定义布局:首先,我注意到确定性地初始化节点位置(例如,在此处对Angular线完成,请参阅script了解详细信息)固定节点的位置,并且节点的方向似乎取决于此初始化以及尺寸力图*。我想知道如何使上图中的节点A、D、E、F、I水平对齐?换句话说,我想将图形的方向逆时针旋转大约45度。我尝试在中间水平初始化节点:nodes.forEach(function(d,i){d.x=w/size*i;d.y=h/2;});但是生成的输出中所有节点和边都水平放置在它们被初始化的位置

javascript - formatBlock 命令不会覆盖列表项上的现有 block

请参阅http://jsfiddle.net/4aQtk/3/我试图通过execcommand("formatBlock",...)改变li的样式。它在普通段落节点上运行良好,但在列表项上生成节点。Firefox27:好的,样式元素(p、h1、h2)仅将文本包装在li元素中。(预期)textanothertextChrome33:失败,formatBlock命令将ul分成几个ul并用样式元素包装ul。textanothertext如何防止在其上创建节点? 最佳答案 如果您将li的内容包装到div中,它就可以正常工作。listitem

javascript - elasticsearch:保留冗余(非规范化)数据或保留用于交叉引用的 id 列表?

是将冗余数据存储在索引中更好,还是拥有两个索引然后交叉引用它们更好?即,用户想在剧院看电影。由于用户有兴趣按影院查找电影,我们可以有一个带有电影nested_type的影院索引://Here,moviesfieldwillbeaNestedType,notObjectType.eclient.index({index:'myindex',type:'theater',id:1,body:{name:"GrandCinema",description:"Comewatchmovies!",movies:[{title:"RedNovember",description:"Asubmari

javascript - knockout 组列表为带有对象的更小列表

我有多名员工的每日数据,根据开始时间和结束时间,这可能意味着大量数据。因此,通过映射插件,我将它们映射到一个大列表中,但我需要将它们按员工分组到更小的列表中,这样我就可以为每个员工创建一个表(如更小的View模型),该表具有针对该子集的过滤和排序数据。这是我用静态数据创建的一个基本示例。$(function(){vardata={Employees:[{Id:1,Name:"Employee1",Day:newDate(),Price:12.54},{Id:2,Name:"Employee2",Day:newDate(),Price:112.54},{Id:1,Name:"Employ

javascript - 如何在不使用 React 重新渲染整个列表的情况下添加新元素

我正在开发简单的流应用程序。我有帖子列表,这个列表可以接收更新,更新将显示在它的顶部。问题是在接收到每个新帖子时,React都会重新呈现整个元素列表。我已经为它做了一个简单的例子。有什么办法可以避免这种行为吗?我在React文档上看到了dynamic-children主题,但在示例中,如您所见,我已经更新了所有子项。classPostextendsReact.Component{render(){console.log('rerenderedpost',this.props.reactKey);return({this.props.post.text});}}classAppexten

javascript - 使用箭头键和智能延迟加载实现有机列表浏览

简单场景我有一个列表,我实现了使用箭头键(向上、向下)进行浏览,并且在当前列表项的每次更改时,都会通过AJAX加载一个数据库对象。甜蜜的。问题当用户快速浏览列表时,我不希望每个请求都关闭。但当然,最初的请求应该立即关闭。我的想法是使用变量作为延迟来设置超时,并在项目初始加载后增加该变量。这行得通,但是当用户暂时停止浏览但随后继续浏览时,我仍然不希望每个请求都关闭。所以我想,延迟变量必须随着每次浏览事件而合理增加,直到达到阈值。这种有机的方法将成功地减少不必要的元素加载量。我的解决方案我来得很远。这段代码(下面的解释)将完成这项工作,有一个主要罪魁祸首:第一次浏览完成然后停止后,延迟将自

javascript - 使用 d3js 将子元素添加到力导向图中的特定节点

我想根据节点类型向我的节点添加不同的子元素。因此,该节点有一个名为type的属性。所有节点都应该由一个g元素和依赖的子元素组成。我通过使用D3sfilter功能尝试了这个,但是我被卡住了,因为我的代码不是每个节点只添加一次子元素,而是多次添加想要的子元素(相同数量因为我有节点)。所以我想我在选择方面做错了什么。我的图表的节点和链接随时间变化,所以我所做的是首先存储选择,当一个节点被添加到self.nodes时,我调用draw函数(我将省略链接代码)。self.domNodes=this.svg.append('g').attr('class','nodes').selectAll('.